<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h1>我是头部</h1>

    <hr>

    <p>我是个 P 1 标签</p>
    <p>我是个 P 2 标签</p>
    <p>我是个 P 3 标签</p>
    <p>我是个 P 4 标签</p>
    <p>我是个 P 5 标签</p>
    <p>我是个 P 6 标签</p>
    <p>我是个 P 7 标签</p>
    <p>我是个 P 8 标签</p>
    <p>我是个 P 9 标签</p>
    <p>我是个 P 10 标签</p>
    <p>我是个 P 11 标签</p>
    <p>我是个 P 12 标签</p>
    <p>我是个 P 13 标签</p>
    <p>我是个 P 14 标签</p>
    <p>我是个 P 15 标签</p>
    <p>我是个 P 16 标签</p>
    <p>我是个 P 17 标签</p>
    <p>我是个 P 18 标签</p>
    <p>我是个 P 19 标签</p>
    <p>我是个 P 20 标签</p>
    <p>我是个 P 21 标签</p>
    <p>我是个 P 22 标签</p>
    <p>我是个 P 23 标签</p>
    <p>我是个 P 24 标签</p>
    <p>我是个 P 25 标签</p>
    <p>我是个 P 26 标签</p>
    <p>我是个 P 27 标签</p>
    <p>我是个 P 28 标签</p>
    <p>我是个 P 29 标签</p>
    <p>我是个 P 30 标签</p>
    <p>我是个 P 31 标签</p>
    <p>我是个 P 32 标签</p>
    <p>我是个 P 33 标签</p>
    <p>我是个 P 34 标签</p>
    <p>我是个 P 35 标签</p>
    <p>我是个 P 36 标签</p>
    <p>我是个 P 37 标签</p>
    <p>我是个 P 38 标签</p>
    <p>我是个 P 39 标签</p>
    <p>我是个 P 40 标签</p>
    <p>我是个 P 41 标签</p>
    <p>我是个 P 42 标签</p>
    <p>我是个 P 43 标签</p>
    <p>我是个 P 44 标签</p>
    <p>我是个 P 45 标签</p>
    <p>我是个 P 46 标签</p>
    <p>我是个 P 47 标签</p>
    <p>我是个 P 48 标签</p>
    <p>我是个 P 49 标签</p>
    <p>我是个 P 50 标签</p>
    <p>我是个 P 51 标签</p>
    <p>我是个 P 52 标签</p>
    <p>我是个 P 53 标签</p>
    <p>我是个 P 54 标签</p>
    <p>我是个 P 55 标签</p>
    <p>我是个 P 56 标签</p>
    <p>我是个 P 57 标签</p>
    <p>我是个 P 58 标签</p>
    <p>我是个 P 59 标签</p>
    <p>我是个 P 60 标签</p>
    <p>我是个 P 61 标签</p>
    <p>我是个 P 62 标签</p>
    <p>我是个 P 63 标签</p>
    <p>我是个 P 64 标签</p>
    <p>我是个 P 65 标签</p>
    <p>我是个 P 66 标签</p>
    <p>我是个 P 67 标签</p>
    <p>我是个 P 68 标签</p>
    <p>我是个 P 69 标签</p>
    <p>我是个 P 70 标签</p>
    <p>我是个 P 71 标签</p>
    <p>我是个 P 72 标签</p>
    <p>我是个 P 73 标签</p>
    <p>我是个 P 74 标签</p>
    <p>我是个 P 75 标签</p>
    <p>我是个 P 76 标签</p>
    <p>我是个 P 77 标签</p>
    <p>我是个 P 78 标签</p>
    <p>我是个 P 79 标签</p>
    <p>我是个 P 80 标签</p>
    <p>我是个 P 81 标签</p>
    <p>我是个 P 82 标签</p>
    <p>我是个 P 83 标签</p>
    <p>我是个 P 84 标签</p>
    <p>我是个 P 85 标签</p>
    <p>我是个 P 86 标签</p>
    <p>我是个 P 87 标签</p>
    <p>我是个 P 88 标签</p>
    <p>我是个 P 89 标签</p>
    <p>我是个 P 90 标签</p>
    <p>我是个 P 91 标签</p>
    <p>我是个 P 92 标签</p>
    <p>我是个 P 93 标签</p>
    <p>我是个 P 94 标签</p>
    <p>我是个 P 95 标签</p>
    <p>我是个 P 96 标签</p>
    <p>我是个 P 97 标签</p>
    <p>我是个 P 98 标签</p>
    <p>我是个 P 99 标签</p>
    <p>我是个 P 100 标签</p>
    <p>我是个 P 101 标签</p>
    <p>我是个 P 102 标签</p>
    <p>我是个 P 103 标签</p>
    <p>我是个 P 104 标签</p>
    <p>我是个 P 105 标签</p>
    <p>我是个 P 106 标签</p>
    <p>我是个 P 107 标签</p>
    <p>我是个 P 108 标签</p>
    <p>我是个 P 109 标签</p>
    <p>我是个 P 110 标签</p>
    <p>我是个 P 111 标签</p>
    <p>我是个 P 112 标签</p>
    <p>我是个 P 113 标签</p>
    <p>我是个 P 114 标签</p>
    <p>我是个 P 115 标签</p>
    <p>我是个 P 116 标签</p>
    <p>我是个 P 117 标签</p>
    <p>我是个 P 118 标签</p>
    <p>我是个 P 119 标签</p>
    <p>我是个 P 120 标签</p>
    <p>我是个 P 121 标签</p>
    <p>我是个 P 122 标签</p>
    <p>我是个 P 123 标签</p>
    <p>我是个 P 124 标签</p>
    <p>我是个 P 125 标签</p>
    <p>我是个 P 126 标签</p>
    <p>我是个 P 127 标签</p>
    <p>我是个 P 128 标签</p>
    <p>我是个 P 129 标签</p>
    <p>我是个 P 130 标签</p>
    <p>我是个 P 131 标签</p>
    <p>我是个 P 132 标签</p>
    <p>我是个 P 133 标签</p>
    <p>我是个 P 134 标签</p>
    <p>我是个 P 135 标签</p>
    <p>我是个 P 136 标签</p>
    <p>我是个 P 137 标签</p>
    <p>我是个 P 138 标签</p>
    <p>我是个 P 139 标签</p>
    <p>我是个 P 140 标签</p>
    <p>我是个 P 141 标签</p>
    <p>我是个 P 142 标签</p>
    <p>我是个 P 143 标签</p>
    <p>我是个 P 144 标签</p>
    <p>我是个 P 145 标签</p>
    <p>我是个 P 146 标签</p>
    <p>我是个 P 147 标签</p>
    <p>我是个 P 148 标签</p>
    <p>我是个 P 149 标签</p>
    <p>我是个 P 150 标签</p>
    <p>我是个 P 151 标签</p>
    <p>我是个 P 152 标签</p>
    <p>我是个 P 153 标签</p>
    <p>我是个 P 154 标签</p>
    <p>我是个 P 155 标签</p>
    <p>我是个 P 156 标签</p>
    <p>我是个 P 157 标签</p>
    <p>我是个 P 158 标签</p>
    <p>我是个 P 159 标签</p>
    <p>我是个 P 160 标签</p>
    <p>我是个 P 161 标签</p>
    <p>我是个 P 162 标签</p>
    <p>我是个 P 163 标签</p>
    <p>我是个 P 164 标签</p>
    <p>我是个 P 165 标签</p>
    <p>我是个 P 166 标签</p>
    <p>我是个 P 167 标签</p>
    <p>我是个 P 168 标签</p>
    <p>我是个 P 169 标签</p>
    <p>我是个 P 170 标签</p>
    <p>我是个 P 171 标签</p>
    <p>我是个 P 172 标签</p>
    <p>我是个 P 173 标签</p>
    <p>我是个 P 174 标签</p>
    <p>我是个 P 175 标签</p>
    <p>我是个 P 176 标签</p>
    <p>我是个 P 177 标签</p>
    <p>我是个 P 178 标签</p>
    <p>我是个 P 179 标签</p>
    <p>我是个 P 180 标签</p>
    <p>我是个 P 181 标签</p>
    <p>我是个 P 182 标签</p>
    <p>我是个 P 183 标签</p>
    <p>我是个 P 184 标签</p>
    <p>我是个 P 185 标签</p>
    <p>我是个 P 186 标签</p>
    <p>我是个 P 187 标签</p>
    <p>我是个 P 188 标签</p>
    <p>我是个 P 189 标签</p>
    <p>我是个 P 190 标签</p>
    <p>我是个 P 191 标签</p>
    <p>我是个 P 192 标签</p>
    <p>我是个 P 193 标签</p>
    <p>我是个 P 194 标签</p>
    <p>我是个 P 195 标签</p>
    <p>我是个 P 196 标签</p>
    <p>我是个 P 197 标签</p>
    <p>我是个 P 198 标签</p>
    <p>我是个 P 199 标签</p>
    <p>我是个 P 200 标签</p>
    <p>我是个 P 201 标签</p>
    <p>我是个 P 202 标签</p>
    <p>我是个 P 203 标签</p>
    <p>我是个 P 204 标签</p>
    <p>我是个 P 205 标签</p>
    <p>我是个 P 206 标签</p>
    <p>我是个 P 207 标签</p>
    <p>我是个 P 208 标签</p>
    <p>我是个 P 209 标签</p>
    <p>我是个 P 210 标签</p>
    <p>我是个 P 211 标签</p>
    <p>我是个 P 212 标签</p>
    <p>我是个 P 213 标签</p>
    <p>我是个 P 214 标签</p>
    <p>我是个 P 215 标签</p>
    <p>我是个 P 216 标签</p>
    <p>我是个 P 217 标签</p>
    <p>我是个 P 218 标签</p>
    <p>我是个 P 219 标签</p>
    <p>我是个 P 220 标签</p>
    <p>我是个 P 221 标签</p>
    <p>我是个 P 222 标签</p>
    <p>我是个 P 223 标签</p>
    <p>我是个 P 224 标签</p>
    <p>我是个 P 225 标签</p>
    <p>我是个 P 226 标签</p>
    <p>我是个 P 227 标签</p>
    <p>我是个 P 228 标签</p>
    <p>我是个 P 229 标签</p>
    <p>我是个 P 230 标签</p>
    <p>我是个 P 231 标签</p>
    <p>我是个 P 232 标签</p>
    <p>我是个 P 233 标签</p>
    <p>我是个 P 234 标签</p>
    <p>我是个 P 235 标签</p>
    <p>我是个 P 236 标签</p>
    <p>我是个 P 237 标签</p>
    <p>我是个 P 238 标签</p>
    <p>我是个 P 239 标签</p>
    <p>我是个 P 240 标签</p>
    <p>我是个 P 241 标签</p>
    <p>我是个 P 242 标签</p>
    <p>我是个 P 243 标签</p>
    <p>我是个 P 244 标签</p>
    <p>我是个 P 245 标签</p>
    <p>我是个 P 246 标签</p>
    <p>我是个 P 247 标签</p>
    <p>我是个 P 248 标签</p>
    <p>我是个 P 249 标签</p>
    <p>我是个 P 250 标签</p>
    <p>我是个 P 251 标签</p>
    <p>我是个 P 252 标签</p>
    <p>我是个 P 253 标签</p>
    <p>我是个 P 254 标签</p>
    <p>我是个 P 255 标签</p>
    <p>我是个 P 256 标签</p>
    <p>我是个 P 257 标签</p>
    <p>我是个 P 258 标签</p>
    <p>我是个 P 259 标签</p>
    <p>我是个 P 260 标签</p>
    <p>我是个 P 261 标签</p>
    <p>我是个 P 262 标签</p>
    <p>我是个 P 263 标签</p>
    <p>我是个 P 264 标签</p>
    <p>我是个 P 265 标签</p>
    <p>我是个 P 266 标签</p>
    <p>我是个 P 267 标签</p>
    <p>我是个 P 268 标签</p>
    <p>我是个 P 269 标签</p>
    <p>我是个 P 270 标签</p>
    <p>我是个 P 271 标签</p>
    <p>我是个 P 272 标签</p>
    <p>我是个 P 273 标签</p>
    <p>我是个 P 274 标签</p>
    <p>我是个 P 275 标签</p>
    <p>我是个 P 276 标签</p>
    <p>我是个 P 277 标签</p>
    <p>我是个 P 278 标签</p>
    <p>我是个 P 279 标签</p>
    <p>我是个 P 280 标签</p>
    <p>我是个 P 281 标签</p>
    <p>我是个 P 282 标签</p>
    <p>我是个 P 283 标签</p>
    <p>我是个 P 284 标签</p>
    <p>我是个 P 285 标签</p>
    <p>我是个 P 286 标签</p>
    <p>我是个 P 287 标签</p>
    <p>我是个 P 288 标签</p>
    <p>我是个 P 289 标签</p>
    <p>我是个 P 290 标签</p>
    <p>我是个 P 291 标签</p>
    <p>我是个 P 292 标签</p>
    <p>我是个 P 293 标签</p>
    <p>我是个 P 294 标签</p>
    <p>我是个 P 295 标签</p>
    <p>我是个 P 296 标签</p>
    <p>我是个 P 297 标签</p>
    <p>我是个 P 298 标签</p>
    <p>我是个 P 299 标签</p>
    <p>我是个 P 300 标签</p>
    <p>我是个 P 301 标签</p>
    <p>我是个 P 302 标签</p>
    <p>我是个 P 303 标签</p>
    <p>我是个 P 304 标签</p>
    <p>我是个 P 305 标签</p>
    <p>我是个 P 306 标签</p>
    <p>我是个 P 307 标签</p>
    <p>我是个 P 308 标签</p>
    <p>我是个 P 309 标签</p>
    <p>我是个 P 310 标签</p>
    <p>我是个 P 311 标签</p>
    <p>我是个 P 312 标签</p>
    <p>我是个 P 313 标签</p>
    <p>我是个 P 314 标签</p>
    <p>我是个 P 315 标签</p>
    <p>我是个 P 316 标签</p>
    <p>我是个 P 317 标签</p>


    <button onclick="window.scrollTo(0,0)">TOP</button>

    <button onclick="window.scrollTo(0,900)">TOP900</button>


    <button onclick="window.scrollBy(0, -300)">回去300</button>

    <button onclick="gotoTop()">回顶部</button>

    <script>
        function gotoTop(){
            var top = document.body.scrollTop || document.documentElement.scrollTop;

            if (top <= 0) {
                return;
            }

            window.scrollBy(0, -100);
            setTimeout(gotoTop, 20);
        }
    </script>
</body>
</html>